<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link  rel="stylesheet" href="icons/iconfont.css" />
<link  rel="stylesheet" href="css/app.css" />
<link  rel="stylesheet" href="css/animate.css" />
<link  rel="stylesheet" href="layer/need/layer.css" />
<link  rel="stylesheet" href="css/mylayer.css" />
</style>
</head>
<body>
	<div class="aside">
		<ul class="clearfix">
			<li class="home" data-page="Home">
				<a href="javascript:void(0)">
					Home
				</a>
				<span>></span>
			</li>
            <li class="category" data-id="16" data-name="Woman">
              	<a href="javascript:void(0)">
              		Woman
              	</a>
              	<span>></span>
            </li>
            <li class="category" data-id="15" data-name="Men">
              	<a href="javascript:void(0)">
              		Men
              	</a>
              	<span>></span>
            </li>
			<li class="category" data-id="14" data-name="Kids">
				<a href="javascript:void(0)">
					Kids
				</a>
				<span>></span>
			</li>
            <li class="category" data-id="13" data-name="Accessories">
              	<a href="javascript:void(0)">
                	Accessories              
            	</a>
            	<span>></span>
            </li>
            <li class="category" data-id="12" data-name="Clothing">
              	<a href="javascript:void(0)">
                	Clothing              
            	</a>
            	<span>></span>
            </li>
            <li class="category" data-id="10" data-name="Shoe">
              	<a href="javascript:void(0)">
                	Shoe             
            	</a>
            	<span>></span>
            </li>
            <li class="category" data-id="special" data-name="Special">
              	<a href="javascript:void(0)">
              		Special
              	</a>
              	<span>></span>
            </li>
		</ul>
	</div>
	<div id="wrap" class="wrap">
		<div class="mask_layer"></div>
		<div  class="header clearfix">
		  <a class="icon icon-menu pull-left" for="sideToggle" id="menu"></a>
		  <a class="icon icon-cart  pull-right"></a>
		  <h1 class="title page_title">KeenWeb</h1>
		</div>
	    <div class="wrapPages">
	    	<div class="wrapPage sitePage current">
		    	<div class="page current pageHome">
		    		<div class="productLists clearfix">
		    		</div>
			    </div>
			    <div class="page pageNew">
		    		<div class="productNews clearfix">
		    		</div>
			    </div>
			    <div class="page pageSearch">
		    		<div class="searchBox clearfix">
		    		</div>
			    </div>
			    <div class="page pageMsg">
		    		<div class="msgBox clearfix">
		    		</div>
			    </div>
			    <div class="page pageUser">
		    		<div class="userBox clearfix">
		    		</div>
			    </div>
			</div>
			<div class="wrapPage categoryPage">
			</div>
	    </div>
	    <div class="footer">
		 	<ul class="foot_nav_info clearfix">
				<li class="home current" data-page="Home"><a href="javascript:void(0)"><span class="icon icon-home"></span></a></li>
				<li class="new" data-page="New"><a href="javascript:void(0)"><span class="icon icon-new"></span></a></li>
				<li class="search" data-page="Search"><a href="javascript:void(0)"><span class="icon icon-hot"></span></a></li>
				<li class="msg" data-page="Msg"><a href="javascript:void(0)"><span class="icon icon-mark"></span></a></li>
				<li class="user" data-page="User"><a href="javascript:void(0)"><span class="icon icon-login"></span></a></li>
			</ul>
		</div>
	</div>
	<script id="product" type="text/html">
	    {{each list as value i}}
	        <div class="productList">
	        	<div class="productListBox clearfix">
				    <a href="javascript:void(0)" class="showProduct" data-id="{{value.id}}" data-name="{{value.name}}">
				      <div class="image"><img class="lazy iamge"  data-echo="{{value.image}}"></div>
				      <div class="info">
				      	{{value.caption}}
				      </div>
				      <div class="price">
				      	${{value.price}}
				      </div>
				    </a>
			    </div>
			</div>
	    {{/each}}
	</script>
	<script data-main="app.js" src="libs/require.js"></script>
 </body>
</html>
